<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Renascer Planejados</title>
        <link rel="stylesheet" type="text/css" href="../_recursos/css/renascer.css"/>
        <script type="text/javascript" src="../_recursos/scripts/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="../_recursos/scripts/suporte.js"></script>
        <script type="text/javascript" src="../_recursos/scripts/plugins.js"></script>
        <script type="text/javascript">

            $(document).ready(function() {
                appPagina.contruirPaginaAdministracao(function() {
                    $('#usuario').focus();
                });
            });

            function logar() {
                var u = $('#usuario').val();
                var s = $('#senha').val();
                if (!u) {
                    alert('Digite o usuário.');
                    $('#usuario').focus();
                    return;
                }
                if (!s) {
                    alert('Digite a senha.');
                    $('#senha').focus();
                    return;
                }

                $('#formulario').hide();
                $('.texto').append(loader(true));

                $.ajax({
                    url: '../_recursos/classes/Usuario.php',
                    type: 'POST',
                    data: {
                        metodo: 'login',
                        usuario: u,
                        senha: s
                    },
                    success: function(req) {
                        if (req == 1) {
                            window.location.href = './';
                        } else {
                            $('#formulario').show();
                            $('#loader').remove();
                            alert('Usuário ou senha inválidos.')
                        }
                    },
                    error: function() {
                        $('#formulario').show();
                        $('#loader').remove();
                        alert('Falha no login. Contate o adminstrador do site.')
                    }
                });
            }

        </script>
    </head>
    <body>
        <div class="titulo">
            <h1>Login</h1>
            <h2>Preencha corretamente os campos para ter acesso ao painel de administração.</h2>
        </div>
        <div class="texto">
            <div id="formulario">
                <div style="text-align: center">
                    <button onclick="logar()" class="button-blue">Entrar</button>
                </div>
                <div class="line"></div>
                <table style="margin: auto">
                    <tr>
                        <td><label for="usuario">Usuário:</label></td>
                        <td><input name="usuario" id="usuario" type="text"/></td>
                    </tr>
                    <tr>
                        <td><label for="senha">Senha:</label></td>
                        <td><input name="usuario" id="senha" type="password"/></td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>
